<template>
    <div>
        hello
        <CompA name="123123" :arr="arr"/>
    </div>
</template>
<script setup>
import { ref,h } from 'vue'
defineOptions({
    name:"HelloComp"
})
const arr=ref([])
setTimeout(()=>{
arr.value=[1,2,3,4,5,6,7,8]
},1000)
const modelValue = defineModel()
console.log(modelValue.value)
const CompA=(props,slots)=>{
    return h('div',null,[
        props.arr.map(it=>h('div',{key:it},modelValue.value))
    ])
}
</script>